{% extends "./_base/layout.html" %} {% block title %} {{__("title_home")}} {% endblock%} {% block content %}
<div class="main-wrap">
    <div class="banner"></div>
    <div class="features">
        <div class="integral">
            <a href="javascript:;">
                    <img src="../static/img/home/btn_jifenshangcheng.png" alt="">
                    {{__("integral_icon")}}
                </a>
        </div>
        <div class="activity">
            <a href="javascript:;">
                    <img src="../static/img/home/btn_huodongzhuanqu.png" alt="">
                    {{__("activity_icon")}}
                </a>
        </div>
        <div class="movie">
            <a href="javascript:;">
                    <img src="../static/img/home/btn_shiping.png" alt="">
                    {{__("video_icon")}}
                </a>
        </div>
        <div class="more">
            <a href="javascript:;">
                    <img src="../static/img/home/btn_gengduo.png" alt="">
                    {{__("more_icon")}}
                </a>
        </div>
    </div>
    <div class="reserve">
        <div class="top">
            <a href="javascript:;" class="item-title">{{__("news_game_reservation")}}</a>
        </div>
        <div class="main"></div>
        <div class="bottom">
            <a class="reservation" href="javascript:;">{{__("reservation_text")}}</a>
        </div>
    </div>
    <div class="hot">
        <div class="left">
            <img class="game-icon" src="../static/img/game_icon.png" alt="">
            <p class="game-name">诛仙新马版</p>
            <p class="game-intro">诛仙新马版</p>
            <p class="game-type-volume">
                <span class="game-type">MMOORPG</span> |
                <span class="game-volume">111M</span>
            </p>
            <a href="javascript:;" class="game-dl">Download</a>
        </div>
        <div class="center">
            <img class="game-icon" src="../static/img/game_icon.png" alt="">
            <p class="game-name">诛仙新马版</p>
            <p class="game-intro">诛仙新马版</p>
            <p class="game-type-volume">
                <span class="game-type">MMOORPG</span> |
                <span class="game-volume">111M</span>
            </p>
            <a href="javascript:;" class="game-dl">Download</a>
        </div>
        <div class="right">
            <img class="game-icon" src="../static/img/game_icon.png" alt="">
            <p class="game-name">诛仙新马版</p>
            <p class="game-intro">诛仙新马版</p>
            <p class="game-type-volume">
                <span class="game-type">MMOORPG</span> |
                <span class="game-volume">111M</span>
            </p>
            <a href="javascript:;" class="game-dl">Download</a>
        </div>
    </div>
    <div class="news">
        <div class="top">
            <a href="javascript:;" class="item-title">{{__("latest_news")}}</a>
        </div>
        <div class="main">
            <ul>
                {% for item in news.data %}
                <li>
                    <div class="left"></div>
                    <div class="right">
                        <p class="head">
                            {{item.title}}}
                        </p>
                        <div class="sign-logo"></div>
                        <div class="type-logo"></div>
                        <p class="right-time">{{item.update_time}}</p>
                    </div>
                </li>
                {% endfor %}
            </ul>
            <p class="bottom">
                {{__("btn_more")}}
            </p>
        </div>

    </div>
</div>
{% endblock %}